/*

Theme Name: Fazio
Theme URI: http://fazio.teleportz.com.ar
Description: Fazio is a grey/blue theme which supports almost all WP3 new features. You can choose between a magazine and a "classic" post layout and customize the slider in the options panel. Supports YARPP, WordPress Popular Posts, Kadom Ads and SexyBookmarks plugin, although they are not required.
Version: 1.3
Author: Santiago Dimatt&iacute;a
Author URI: http://teleportz.com.ar
Tags: blue, silver, two-columns, right-sidebar, fixed-width, custom-header, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready
Licence: GNU GPL v3
License URI: http://www.gnu.org/licenses/gpl.html

*/

/* Meyerweb CSS Reset v1.0 | 20080212 */
@import url("css/reset.css");

/* === Global WordPress styles === */

.entry-content img {
	margin: 0 0 1.5em 0;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}

.alignright, img.alignright {
	display: inline;
	float: right;
	margin:0 0 10px 10px;
}

.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background: #f1f1f1;
	padding-top: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: none;
}

.wp-caption p.wp-caption-text {
	font-size: 0.7em;
	line-height: 17px;
	padding: 3px 0;
	margin: 0;
}

.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}

.gallery {
	margin: 10px auto;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 30%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

/* === Body === */

body {
	background: #fff;
	color: #444;
	font-size: 0.875em;
	font-family: Arial, Helvetica, sans-serif;
	background: #e5e5e5;
	line-height: 1.6;
}

a {
	color: #147dbb;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

@font-face { font-family: 'Eurofurence'; src: url('css/eurofurence.ttf'); }
@font-face { font-family: 'Ubuntu Titling'; src: url('css/ubuntu_titling.ttf'); }
@font-face { font-family: 'Charis SIL'; src: url('css/CharisSILR.ttf'); }

h1, h2, h3, h4, h5, h6 {
	background: url(images/entry_h2_border.png) bottom left repeat-x;
	padding-bottom: 3px;
	color: #333333;
	font-family: 'Charis SIL', Arial;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 2.2em;
}

h3 {
	font-size: 2em;
}

h4 {
	font-size: 1.8em;
}

h5 {
	font-size: 1.6em;
}

h6 {
	font-size: 1.4em;
}

blockquote {
	padding-left: 30px;
	margin: 30px;
	margin-left: 30px;
	font-style: italic;
	background: url(images/quote.png) top left no-repeat;
	font-family: Georgia, Times;
}

pre {
	margin: 10px;
	padding: 10px;
	font-style: italic;
	background: #daddde;
	border: 1px solid #9e9e9e;
}

code {
	color: #008099;
}

/* === Center divs === */

#nav, #header, #slideshow, #page, #footer {
	width: 960px;
	margin: 0 auto;
}

/* === Navigation menu === */

#navwrap {
	background: #1c1c1c;
	height: 37px;
	background: #222;
}

	#nav {
		font-size: 0.625em;
	}

		ul.nav {
			list-style: none;
			padding: 0 20px;	
			margin: 0;
			float: left;
			width: 920px;
			background: #222;
			font-size: 1.2em;
		}
		
			ul.nav li {
				float: left;
				margin: 0;	
				padding: 0 15px 0 0;
				position: relative; /*--Declare X and Y axis base--*/
			}
		
				ul.nav li a{
					padding: 10px 5px;
					color: #fff;
					display: block;
					text-decoration: none;
					float: left;
				}
		
				ul.nav li span { /*--Drop down trigger styles--*/
					width: 17px;
					height: 35px;
					float: left;
					background: url(images/subnav_btn.gif) no-repeat center top;
				}
		
				ul.nav li ul {
					list-style: none;
					position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
					left: 0; top: 35px;
					background: #333;
					margin: 0; padding: 0;
					display: none;
					float: left;
					width: 170px;
					-webkit-border-bottom-left-radius: 5px;
					-webkit-border-bottom-right-radius: 5px;
					-moz-border-radius-bottomleft: 5px;
					-moz-border-radius-bottomright: 5px;
					border-bottom-left-radius: 5px;
					border-bottom-right-radius: 5px;
					border: 1px solid #111;
				}
		
					ul.nav li ul li {
						margin: 0; padding: 0;
						border-top: 1px solid #252525;
						border-bottom: 1px solid #444;
						clear: both;
						width: 170px;
					}
		
						ul.nav li ul li a {
							float: left;
							width: 145px;
							background: #333 url(images/dropdown_linkbg.gif) no-repeat 10px center;
							padding-left: 20px;
						}
		
						ul.nav li ul li a:hover {
							background: #222 url(images/dropdown_linkbg.gif) no-repeat 10px center; 
						}

/* === Header === */

#headerwrap {
	background: url(images/header_bg.png) top left repeat-x;
}

	#header {
		padding: 5px;
	}

/* === Slideshow === */

#slideshowwrap {
	display: none;
	background: #222;
	padding-top: 15px;
}

#slideshow h3 {
	color: #fff;
	background: none;
}

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


/* === Page === */

#pagewrap {
	background: url(images/pagewrap_bg.png) top left repeat-x;
}

	#page {
		padding: 30px 10px;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

/* === Content === */

#content {
	width: 640px;
	float: left;
}

.fullwidth {
	width: 100%;
}

/* === Shorcodes === */

.content_box {
	background: #f1f5f6 url(images/content_box_bg.png) repeat-x;
	border: 1px solid #9e9e9e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 10px 0;
	padding: 15px;
}

.two_column {
	width: 49%;
	float: left;
	margin-right: 1%;
}

.two_column_last {
	margin-left: 1%;
	width: 49%;
	float: left;
}

/* === Post === */

.post, .page .page {
	margin-bottom: 20px;
	border: 1px solid #9e9e9e;
	background: #f8f9f9;
}

.post .title, .page .page .title {
	padding: 5px 15px;
	line-height: 1.3;
}

.post .title, .page .page .title {
	background: none;
}

.post .title a , .page .page .title a {
	color: #333;
}

.post .title a:hover, .page .page .title a:hover {
	text-decoration: none;
	color: #000;
}

.post_divider {
	overflow: hidden;
	padding: 0 15px 4px 15px;
}

.post_image {
	float: left;
	margin-right: 10px;
}

.post_info {
	font-size: 0.875em;
	margin-top: 4px;
}

.classic_layout {
	margin: 0 15px;
}

.post_info em {
	border: 1px solid #b4b4b4;
	padding: 5px;
	background: #f8f9f9;
}

.post_info span {
	padding-left: 20px;
	margin-right: 10px;
}

.post_info span.date {
	background: url(images/mini/date.png) top left no-repeat;
}

.post_info span.author {
	background: url(images/mini/author.png) top left no-repeat;
}

.post_info span.comments {
	background: url(images/mini/comments.png) top left no-repeat;
}

/*** Post: Home ***/

.sticky {
	background: #f7e489;
}

.sticky .post_info em {
	background: #ffd910;
}

.post_excerpt p {
	margin: 10px 0;
	font-style: italic;
	color: #626262;
}

.post_footer {
	margin-top: 10px;
	border-top: 1px solid #9e9e9e;
	background: #dcdcdc;
	padding: 8px;
	overflow: hidden;
	font-size: 0.875em;
}

.post_footer span {
	padding-left: 20px;
}

.post_footer span.tags {
	float: left;
	padding-top: 2px;
	padding-bottom: 1px;
	background: url(images/mini/tags.png) 0 3px no-repeat;
}

.post_footer span.categories {
	float: right;
	padding-top: 2px;
	padding-bottom: 1px;
	background: url(images/mini/categories.png) 0 3px no-repeat;
}

.post #pagination {
	margin: 15px;
}

/*** Post: Single ***/

.entry {
	padding: 10px 15px;
	overflow: hidden;
}

.entry p {
	margin: 10px 0 15px 0;
}

.entry .divider {
	background: url(images/entry_h2_border.png) bottom left repeat-x;
	height: 2px;
	width: 100%;
	margin: 20px 0;
}

/*** Post: tables ***/

.entry table {
	border: 1px solid #aaa;
	margin: 20px -1px 24px 0;
	text-align: left;
	width: 100%;
}

.entry tr th, .entry thead th {
	background: #e1effc;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}

.entry tr td {
	border-top: 1px solid #aaa;
	padding: 6px 24px;
}

.entry tr.alternate td {
	background: #f2f7fc;
}

/*** Post: lists ***/

.entry ul {
	margin: 10px;
	margin-bottom: 0;
}

.entry ul li {
	background: url(images/sidebar_ul_dot.png) 0 7px no-repeat;
	padding-bottom: 8px;
	padding-left: 14px;
}

.entry ul li:last-child {
	padding-bottom: 0;
}

.entry ol {
	list-style-type: decimal;
	margin-left: 23px;
}

.entry ol li {
	padding-bottom: 8px;
}

.entry dl {
	margin: 10px;
	margin-bottom: 0;
}

.entry dt {
	font-weight: bold;
	font-style: italic;
}

.entry dd {
	margin-left: 30px;
}

/***Post: Related posts ***/

#related {
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #9e9e9e;
	background: #d5d5d4 url(images/related_bg.png) top left repeat-x;
}

#related {
	text-align: left;
	padding: 10px;
}

#related h3 {
	background: none;
}

#related ul li {
	background: url(images/sidebar_ul_dot.png) 0 7px no-repeat;
	padding-bottom: 8px;
	padding-left: 14px;
}

/*** Post: Author info ***/

.author_info {
	overflow: hidden;
	border-top: 1px solid #9e9e9e;
	padding: 10px 10px;
	background: #d5d5d4 url(images/author_info_bg.png) repeat-x;
}

.author_avatar {
	width: 100px;
	padding-left: 10px;
	float: left;
}

.author_avatar img {
	float: left;
}

.author_intro {
	width: 500px;
	float: right;
}

.author_intro h3 {
	background: none;
}

.author_intro p {
	margin-top: 5px;
	font-size: 0.875em;
}


/*** Specials pages ***/

.page_note {
	margin-bottom: 10px;
}

/*** Page: 404 ***/

.not_found_header {
	margin-bottom: 10px;
}

/*** Page: Author ***/

.author_page div.entry ul li {
	padding-bottom: 8px;
	padding-left: 14px;
	margin-top: 8px;
	line-height: 1em;
}

.author_page div.entry ul li small {
	font-size: 0.785em;
	display: block;
	margin-top: 5px;
}

/* === Comments === */

#comments h2, #comments h2 a {
	font-size: 2.3em;
	color: #000;
	margin-bottom: 15px;
}

#comments .comments_list {
	width: 100%;
}

#comments .comments_list li {
	overflow: hidden;
}

#comments .children {
	margin-left: 20px;
	width: 95%;
	float: right;
}

#comments .comment {
	width: 100%;
	margin-bottom: 10px;
}

#comments .commentbox {
	background: #edefee url(images/comment_bg.png) repeat-x;
	border: 1px solid #9e9e9e;
	padding: 10px;
	position: relative;
	margin-bottom: 5px;
	min-height: 50px;
}

#comments .comment_text {
	float: left;
	width: 90%;
}

#comments .comment .reply {
	float: right;
	margin-right: 10px;
}

#comments .avatar {
	float: right;
}

#comments .bypostauthor .commentbox {
	background: #e9f4ff;
}

#comments .bypostauthor .children .commentbox {
	background: #edefee url(images/comment_bg.png) repeat-x;
}

/* === Pings === */

.pings_list {
	list-style: decimal;
	padding-left: 5px;
	margin-left: 10px;
}

/* === Comments form === */

#respond {
	background: #edefee;
	border: 1px solid #9e9e9e;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
}

	#respond #reply-title {
		font-size: 2.3em;
		line-height: 1;
		margin-bottom: 10px;
	}

	#respond input[type=text], #respond textarea {
		width: 95%;
		background: #fff;
		border: 1px solid #b4b4b4;
		height: 27px;
		padding: 3px;
		font-style: italic;
		margin-bottom: 20px;
	}

	#respond textarea {
		width: 93%;
		font-family: Arial;
		padding: 10px;
		height: 175px;
	}
	
	#respond input[type=submit] {
		width: 150px;
		height: 40px;
	}

/* === Sidebar === */

#sidebar {
	width: 280px;
	float: right;
	font-size: 0.875em;
}

/*** Sidebar: Social ***/

#social .social_item {
	display: block;
	position: relative;
}

#social .social_item img {
	margin-right: 5px;
}

#social span {
	position: absolute;
	top: 3px;
	font-family: Georgia;
	font-size: 1.3em;
	padding-bottom: 30px;
	margin-bottom: 30px;
}


/*** Sidebar: Search ***/

#search {
	margin-bottom: 25px;
	height: 37px;
	overflow: hidden;
}

	#search form input {
		float: left;
	}
	
	#search form input[type=text]
	{
		background: #fff;
		border: 1px solid #b4b4b4;
		border-right: none;
		height: 27px;
		width: 238px;
		padding: 3px;
		font-style: italic;
	}

/*** Sidebar: Box ***/

.box {
	margin-bottom: 25px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #9e9e9e;
	background: #f1f5f6;
}

.box .kd_ads_block a {
	height: 123px;
}

.box .kd_ads_block {
	overflow: hidden;
}

.box a {
	margin: 0;
	padding: 0;
}

.box .title {
	background: url(images/sidebar_h2_bg.png) no-repeat;
	position: relative;
	left: -11px;
	height: 35px;
	width: 287px;
}

.box .title h2 {
	background: none;
	font-size: 1.2em;
	color: #fff;
	padding: 3px 10px;
	padding-bottom: 0;
}

.box .title h2 a {
	color: #fff;
}

/* Hide images in h2's (For ex, when adding a "RSS" widget). */
.box .title h2 img {
	display: none;
}

.box li {
	background: url(images/sidebar_ul_dot.png) 0 6px no-repeat;
	padding-left: 14px;
	margin: 5px 0;
}

.box ul li:last-child {
	border-bottom: none;
}

/*** Widget: Calendar ***/

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}

#wp-calendar thead {
	font-size: 11px;
}

#wp-calendar tbody {
	color: #aaa;
}

#wp-calendar tbody td {
	background: #eee;
	color: #555;
	border: 1px solid #ccc;
	padding: 3px 0 2px;
	text-align: center;
}

#wp-calendar tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	text-align: right;
}

/* === Pagination === */

#pagination, #comments_pagination {
	overflow: hidden;
	margin-bottom: 15px;
}

#pagination span.current, #comments_pagination span.current {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 5px 8px;
	background: none;
	border: none;
}

#pagination a, #comments_pagination a {
	display: block;
	float: left;
	background: #f1f5f6;
	border: 1px solid #a0a0a0;
	margin-right: 5px;
	padding: 5px 8px;
}

#pagination a:hover, #comments_pagination a:hover {
	background: #d0d0d0;
}

/* === Footer === */

#footerwrap {
	background: #1c1c1c;
}

#footer {
	color: #fff;
	font-weight: bold;
	font-size: 0.75em;
	padding: 15px 10px;
}